@charset "utf-8";
.dx { text-transform: uppercase; }
.dh { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.clearboth:after { content: ""; display: block; clear: both; font-size: 0; line-height: 0; }
.w1200 { width: 1200px; margin: 0 auto; }
.w1180 { width: 1180px; margin: 0 auto; }
@keyframes huanying1 {  0% {
 left: 0;
 opacity: 1;
}
 100% {
 left: 15px;
 opacity: 0;
}
}
@keyframes huanying2 {  0% {
 opacity: 0;
 left: -10px;
}
 100% {
 left: 0;
 opacity: 1;
}
}
.swiper-container { cursor: url(../images/gesture.png), default; }
.swiper-container img { cursor: url(../images/gesture.png), default; }
.banner { position: relative; }
.banner .slider { width: 100% !important; height: 750px; overflow: hidden; position: relative; z-index: 1; }
.banner .slider-main { width: 1920px; height: 100%; position: absolute; left: 50%; margin-left: -960px; }
.banner .slider-main li { width: 100%; height: 100%; }
.banner .osSlider-main .slider-btn-prev { position: absolute; z-index: 30; top: 50%; left: -45px; width: 40px; height: 40px; text-indent: -9999px; margin-top: -20px; background: url(../images/arrowPrev.png) 50% 50% no-repeat; transition: all 0.5s linear; cursor: pointer; }
.banner .osSlider-main:hover .slider-btn-prev { left: 3%; }
.banner .osSlider-main .slider-btn-next { position: absolute; z-index: 30; top: 50%; right: -45px; width: 40px; height: 40px; text-indent: -9999px; margin-top: -20px; background: url(../images/arrowNext.png) 50% 50% no-repeat; transition: all 0.5s linear; cursor: pointer; }
.banner .osSlider-main:hover .slider-btn-next { right: 3%; cursor: pointer; }
.banner .osSlider-main .slider-nav { position: absolute; width: 100%; bottom: 30px; text-align: center; z-index: 25; font-size: 0; }
.banner .osSlider-main .slider-nav li { display: inline-block; vertical-align: top; width: 18px; height: 18px; border: solid 1px #ffffff; text-align: center; font-family: Arial; font-size: 0; line-height: 32px; margin: 0 10px; border-radius: 50%; background: transparent; cursor: pointer; padding: 3px; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.banner .osSlider-main .slider-nav li:before { content: ""; display: inline-block; width: 12px; height: 12px; background-color: #ffffff; border-radius: 50%; left: 50%; top: 50%; margin-left: -6px; margin-top: -6px; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; position: absolute; z-index: -1; }
.banner .osSlider-main .slider-nav li.active { border-color: #0093dd; color: #fff; }
.banner .osSlider-main .slider-nav li.active:before { background: #0093dd; }
.title1 { line-height: 1; position: relative; z-index: 1; background: url(../images/titline1.png) center 11px no-repeat; }
.title1 h3 { font-size: 32px; font-weight: bold; position: relative; padding-left: 75px; }
.title1 h3:before { content: ""; display: block; position: absolute; left: 75px; top: -19px; width: 35px; height: 2px; background-color: #0093dd; }
.title1 p { color: #666666; margin-top: 24px; padding-left: 75px; }
.title1 h4 { float: right; font-size: 16px; line-height: 32px; }
.product { position: relative; }
.product .title1 { position: absolute; top: 90px; width: 100%; left: 0; z-index: 3; }
.product .proBox { position: relative; z-index: 1; height: 722px; border-left: 1px solid rgba(221, 221, 221, 0.5); }
.product .proBox .swiper-container { height: 722px; }
.product .proBox .bd { height: 722px; overflow: hidden; margin-right: -1px; }
.product .proBox li { padding-left: 29px; height: 722px; width: 300px; border-right: 1px solid rgba(221, 221, 221, 0.5); padding-top: 223px; float: left; }
.product .proBox li:nth-child(4n-3) {
 padding-top: 222px;
}
.product .proBox li:nth-child(4n-2) {
 padding-top: 272px;
}
.product .proBox li:nth-child(4n-1) {
 padding-top: 124px;
}
.product .proBox li:nth-child(4n) {
 padding-top: 244px;
}
.product .proBox li .pic { width: 270px; height: 210px; display: block; position: relative; overflow: hidden; }
.product .proBox li .pic img { display: block; position: absolute; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; margin: auto; -webkit-transform: scale(1.1) rotate(0); -moz-transform: scale(1.1) rotate(0); -o-transform: scale(1.1) rotate(0); transform: scale(1.1) rotate(0); -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.product .proBox li .cont { padding-top: 64px; padding-left: 105px; padding-right: 5px; }
.product .proBox li .cont .num { font-family: Arial; font-size: 24px; line-height: 18px; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.product .proBox li .cont .bt { line-height: 26px; font-size: 16px; margin-top: 14px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.product .proBox li .cont .more { display: block; color: #999999; text-transform: uppercase; line-height: 1; padding-top: 21px; position: relative; margin-top: 25px; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.product .proBox li .cont .more:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 26px; height: 6px; background: url(../images/proli.png) -40px 0 no-repeat; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.product .proBox li:hover .pic img { -webkit-transform: scale(1) rotate(0); -moz-transform: scale(1) rotate(0); -o-transform: scale(1) rotate(0); transform: scale(1) rotate(0); }
.product .proBox li:hover .num, .product .proBox li:hover .bt { color: #0093dd; }
.product .proBox li:hover .more { color: #0093dd; }
.product .proBox li:hover .more:before { background-position: 0 0; }
.product .swiper-button-prev { display: block; width: 64px; height: 40px; background: #333 url(../images/proL.png) center center no-repeat; position: absolute; left: 0; top: 50%; margin-top: -20px; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; cursor: pointer; opacity: 0; filter: alpha(opacity=0); }
.product .swiper-button-next { display: block; width: 68px; height: 40px; background: #333 url(../images/proR.png) center center no-repeat; position: absolute; right: 0; top: 50%; margin-top: -20px; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; cursor: pointer; opacity: 0; filter: alpha(opacity=0); }
.product:hover .swiper-button-prev { left: -94px; opacity: 1; filter: alpha(opacity=100); }
.product:hover .swiper-button-prev:hover { background-color: #0093dd; }
.product:hover .swiper-button-next { right: -94px; opacity: 1; filter: alpha(opacity=100); }
.product:hover .swiper-button-next:hover { background-color: #0093dd; }
.title2 { line-height: 1; position: relative; z-index: 1; background: url(../images/titline2.png) center 11px no-repeat; text-align: right; }
.title2 h3 { font-size: 32px; font-weight: bold; position: relative; padding-right: 75px; }
.title2 h3:before { content: ""; display: block; position: absolute; right: 75px; top: -19px; width: 35px; height: 2px; background-color: #0093dd; }
.title2 p { color: #666666; margin-top: 24px; padding-left: 75px; }
.title2 h4 { float: left; font-size: 16px; line-height: 32px; }
/* #swiper-wrapper{ width: 1533px;} */
#swiper-wrapper li{-webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.product2 { padding: 0 0 70px; position: relative; background-color: #f5f5f5; z-index: 1; }
.product2 .proBox2 { padding-top: 15px;  overflow: hidden;}
/*.product2 .list ul { width: 300px;*}*/
.product2 .list ul:after { content: ""; display: block; clear: both; font-size: 0; line-height: 0; }
.product2 .list li { width: 280px!important; height: 310px; border: solid 1px #dddddd; background-color: #ffffff; float: left; margin-right: 20px; margin-top: 25px; position: relative; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.product2 .list li .pic { display: block; width: 278px; height: 220px; position: relative; overflow: hidden; }
.product2 .list li .pic img { display: block; position: absolute; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; margin: auto; -webkit-transform: scale(1.1) rotate(0); -moz-transform: scale(1.1) rotate(0); -o-transform: scale(1.1) rotate(0); transform: scale(1.1) rotate(0); -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.product2 .list li .bt { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 49px; font-size: 16px; line-height: 72px; height: 90px; padding: 0 20px; position: relative; z-index: 21; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.product2 .list li .bt:before { content: ""; position: absolute; z-index: -1; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background: #09598c; transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.8s; transition-duration: 0.8s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.product2 .list li .bt:after { content: ""; display: block; position: absolute; left: 20px; bottom: 22px; width: 26px; height: 6px; background: url(../images/caseli.png) -40px 0 no-repeat; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.product2 .list li:hover .pic img { -webkit-transform: scale(1) rotate(0); -moz-transform: scale(1) rotate(0); -o-transform: scale(1) rotate(0); transform: scale(1) rotate(0); }
.product2 .list li:hover .bt { color: #fff; }
.product2 .list li:hover .bt:before { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }
.product2 .list li:hover .bt:after { background-position: 0 0; }
.product2 .swiper-button-prev2 { display: block; width: 64px; height: 40px; background: #333 url(../images/proL.png) center center no-repeat; position: absolute; left: 0; top: 50%; margin-top: -20px; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; cursor: pointer; opacity: 0; filter: alpha(opacity=0); }
.product2 .swiper-button-next2 { display: block; width: 68px; height: 40px; background: #333 url(../images/proR.png) center center no-repeat; position: absolute; right: 0; top: 50%; margin-top: -20px; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; cursor: pointer; opacity: 0; filter: alpha(opacity=0); }
.product2:hover .swiper-button-prev2 { left: -94px; opacity: 1; filter: alpha(opacity=100); }
.product2:hover .swiper-button-prev2:hover { background-color: #0093dd; }
.product2:hover .swiper-button-next2 { right: -94px; opacity: 1; filter: alpha(opacity=100); }
.product2:hover .swiper-button-next2:hover { background-color: #0093dd; }




.product3 { padding: 0 0 70px; position: relative; background-color: #f5f5f5; z-index: 1; }
.product3 .proBox3 { padding-top: 35px; }
.product3 .list ul { margin-right: -26px; }
.product3 .list ul:after { content: ""; display: block; clear: both; font-size: 0; line-height: 0; }
.product3 .list li { width: 280px; height: 310px; border: solid 1px #dddddd; background-color: #ffffff; float: left; margin-right: 26px; margin-top: 25px; position: relative; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.product3 .list li .pic { display: block; width: 278px; height: 220px; position: relative; overflow: hidden; }
.product3 .list li .pic img { display: block; position: absolute; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; margin: auto; -webkit-transform: scale(1.1) rotate(0); -moz-transform: scale(1.1) rotate(0); -o-transform: scale(1.1) rotate(0); transform: scale(1.1) rotate(0); -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.product3 .list li .bt { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 49px; font-size: 16px; line-height: 72px; height: 90px; padding: 0 20px; position: relative; z-index: 21; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.product3 .list li .bt:before { content: ""; position: absolute; z-index: -1; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background: #0093dd; transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.8s; transition-duration: 0.8s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.product3 .list li .bt:after { content: ""; display: block; position: absolute; left: 20px; bottom: 22px; width: 26px; height: 6px; background: url(../images/caseli.png) -40px 0 no-repeat; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.product3 .list li:hover .pic img { -webkit-transform: scale(1) rotate(0); -moz-transform: scale(1) rotate(0); -o-transform: scale(1) rotate(0); transform: scale(1) rotate(0); }
.product3 .list li:hover .bt { color: #fff; }
.product3 .list li:hover .bt:before { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }
.product3 .list li:hover .bt:after { background-position: 0 0; }
.product3 .swiper-button-prev3 { display: block; width: 64px; height: 40px; background: #333 url(../images/proL.png) center center no-repeat; position: absolute; left: 0; top: 50%; margin-top: -30px; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; cursor: pointer; opacity: 0; filter: alpha(opacity=0); }
.product3 .swiper-button-next3 { display: block; width: 68px; height: 40px; background: #333 url(../images/proR.png) center center no-repeat; position: absolute; right: 0; top: 50%; margin-top: -30px; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; cursor: pointer; opacity: 0; filter: alpha(opacity=0); }
.product3:hover .swiper-button-prev3 { left: -94px; opacity: 1; filter: alpha(opacity=100); }
.product3:hover .swiper-button-prev3:hover { background-color: #0093dd; }
.product3:hover .swiper-button-next3 { right: -94px; opacity: 1; filter: alpha(opacity=100); }
.product3:hover .swiper-button-next3:hover { background-color: #0093dd; }











.baozhang { padding: 75px 0 63px; }
.bzBox { height: 500px; margin-top: 70px; }
.bzBox .text1 { position: absolute; right: 40px; font-size: 16px; line-height: 36px; top: 19px; width: 640px; }
.bzBox .text2 { position: absolute; left: 634px; font-size: 16px; line-height: 36px; top: 370px; }
.bzBox .text2 span { font-size: 18px; }
.bzBox .bd { height: 500px; overflow: hidden; }
.bzBox .bd li { width: 1200px; position: relative; height: 500px; }
.bzBox .bd li .pic { display: block; width: 400px; height: 500px; border: solid 2px #dddddd; position: relative; overflow: hidden; margin-left: 74px; }
.bzBox .bd li .pic img { display: block; position: absolute; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; margin: auto; -webkit-transform: scale(1.1) rotate(0); -moz-transform: scale(1.1) rotate(0); -o-transform: scale(1.1) rotate(0); transform: scale(1.1) rotate(0); -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.bzBox .bd li:hover .pic img { -webkit-transform: scale(1) rotate(0); -moz-transform: scale(1) rotate(0); -o-transform: scale(1) rotate(0); transform: scale(1) rotate(0); }
.bzBox .bd li .text { position: absolute; right: 0; background: #0093dd; width: 767px; height: 180px; top: 160px; padding: 25px 30px 0 38px; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.bzBox .bd li .text .bt { color: #fff; font-size: 18px; line-height: 28px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.bzBox .bd li .text .bt:hover { -webkit-transform: translateX(5px); transform: translateX(5px); }
.bzBox .bd li .text .line { width: 30px; height: 2px; background-color: #ffffff; margin-top: 15px; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.bzBox .bd li .text p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 30px; height: 60px; color: #fff; font-size: 15px; margin-top: 12px; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.bzBox .bd li:hover .text .line { width: 60px; }
.bzBox .prev { position: absolute; width: 14px; height: 24px; left: 505px; bottom: 33px; cursor: pointer; background: url(../images/bzl.png) 0 center no-repeat; }
.bzBox .prev:hover { opacity: 0.7; filter: alpha(opacity=70); }
.bzBox .next { position: absolute; width: 14px; height: 24px; left: 545px; bottom: 33px; cursor: pointer; background: url(../images/bzr.png) 0 center no-repeat; }
.bzBox .next:hover { opacity: 0.7; filter: alpha(opacity=70); }
.youshi { position: relative; height: 880px; background: url(../images/ysbg.jpg) center 0 no-repeat; text-align: center; color: #ffffff; padding-top: 109px; }
.youshi .ystit { text-align: center; }
.youshi .ystit img { vertical-align: top; }
.youshi .ysBox { margin-top: 70px; }
.youshi .ysBox .bd { height: 405px; overflow: hidden; }
.youshi .ysBox .bd li { background: url(../images/ysli.png) center bottom no-repeat; height: 405px; }
.youshi .ysBox .bd li h4 { line-height: 1; font-size: 30px; }
.youshi .ysBox .bd li .line { width: 60px; height: 2px; background-color: #0093dd; margin: 27px auto 0; }
.youshi .ysBox .bd li h5 { font-size: 22px; line-height: 1; margin-top: 30px; }
.youshi .ysBox .bd li p { font-size: 16px; line-height: 48px; margin-top: 50px; }
.youshi .ysBox .hd { position: absolute; bottom: 0; height: 155px; width: 100%; }
.youshi .ysBox .hd ul:after { content: ""; display: block; clear: both; font-size: 0; line-height: 0; }
.youshi .ysBox .hd ul li { float: left; width: 25%; color: #fff; text-align: center; padding-left: 1px; }
.youshi .ysBox .hd ul li:first-child { padding-left: 0; }
.youshi .ysBox .hd ul li div { height: 155px; background-color: rgba(255, 255, 255, 0.2); line-height: 155px; font-size: 24px; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.youshi .ysBox .hd ul li div span { font-family: Arial; font-size: 60px; color: #ffffff; display: inline-block; vertical-align: middle; }
.youshi .ysBox .hd ul li div i { vertical-align: middle; width: 100px; height: 1px; background-color: #ffffff; opacity: 0.3; display: inline-block; margin: 0 15px; }
.youshi .ysBox .hd ul li.on div { background-color: #0093dd; }
.case { padding: 87px 0 70px; }
.case .caseNav { float: left; line-height: 32px; height: 32px; overflow: hidden; font-size: 0; position: relative; width: 640px; text-align-last: left; z-index: 3; }
.case .caseNav a { display: inline-block; font-size: 16px; padding-right: 10px; position: relative; left: -20px; }
.case .caseNav a:hover { color: #0093dd; }
.case .caseNav a:before { content: "//"; color: #333333; margin-right: 10px; }
.case .caseBox { margin-top: 70px; height: 445px; overflow: hidden; }
.case .caseBox .caseTabs { float: left; width: 595px; height: 445px; position: relative; z-index: 1; }
.case .caseBox .caseTabs .bd { width: 595px; height: 445px; overflow: hidden; }
.case .caseBox .caseTabs .bd li { width: 595px; height: 445px; position: relative; z-index: 1; }
.case .caseBox .caseTabs .bd li .pic { display: block; width: 595px; height: 445px; position: relative; overflow: hidden; }
.case .caseBox .caseTabs .bd li .pic img { display: block; position: absolute; width: 100%; left: 0; right: 0; top: 0; bottom: 0; margin: auto; -webkit-transform: scale(1.1) rotate(0); -moz-transform: scale(1.1) rotate(0); -o-transform: scale(1.1) rotate(0); transform: scale(1.1) rotate(0); -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.case .caseBox .caseTabs .bd li:hover .pic img { -webkit-transform: scale(1) rotate(0); -moz-transform: scale(1) rotate(0); -o-transform: scale(1) rotate(0); transform: scale(1) rotate(0); }
.case .caseBox .caseTabs .bd li .cont { position: absolute; width: 100%; background: rgba(0, 0, 0, 0.5); padding: 10px 100px 10px 30px; z-index: 2; left: 0; bottom: 0; color: #ffffff; }
.case .caseBox .caseTabs .bd li .bt { line-height: 30px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; color: #ffffff; }
.case .caseBox .caseTabs .bd p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 24px; height: 48px; }
.case .caseBox .caseTabs .hd { height: 10px; position: absolute; right: 30px; bottom: 20px; z-index: 3; }
.case .caseBox .caseTabs .hd li { width: 10px; height: 10px; background-color: #ffffff; margin-left: 10px; border-radius: 50%; cursor: pointer; float: left; }
.case .caseBox .caseTabs .hd li.on { background: #0093dd; }
.case .caseBox .list { float: right; width: 594px; }
.case .caseBox .list ul:after { content: ""; display: block; clear: both; font-size: 0; line-height: 0; }
.case .caseBox .list ul li { float: left; width: 280px; height: 210px; padding: 0; margin: 0 0 25px 17px; border: 0 #fff solid; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.case .caseBox .list ul li .item { position: relative; width: 100%; height: 100%; overflow: hidden; }
.case .caseBox .list ul li .pic { display: block; width: 100%; height: 100%; position: relative; overflow: hidden; }
.case .caseBox .list ul li .pic img { display: block; position: absolute; width: 100%; left: 0; right: 0; top: 0; bottom: 0; margin: auto; -webkit-transform: scale(1.1) rotate(0); -moz-transform: scale(1.1) rotate(0); -o-transform: scale(1.1) rotate(0); transform: scale(1.1) rotate(0); -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.case .caseBox .list ul li:hover .pic img { -webkit-transform: scale(1) rotate(0); -moz-transform: scale(1) rotate(0); -o-transform: scale(1) rotate(0); transform: scale(1) rotate(0); }
.case .caseBox .list ul li .bt { position: absolute; text-align: center; width: 100%; height: 40px; background: rgba(0, 0, 0, 0.5); line-height: 40px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 15px; color: #ffffff; z-index: 2; left: 0; bottom: -50px; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.case .caseBox .list ul li:hover { box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.13); border: solid 5px #ffffff; }
.case .caseBox .list ul li:hover .bt { bottom: 0; }
.jianzheng { background-color: #f5f5f5; padding: 82px 0 75px; }
.jianzheng .list { padding-top: 10px; }
.jianzheng .list ul { margin-right: -30px; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.jianzheng .list ul:after { content: ""; display: block; clear: both; font-size: 0; line-height: 0; }
.jianzheng .list ul li { float: left; width: 585px; height: 195px; background-color: #ffffff; padding: 23px 20px 22px 20px; margin: 30px 30px 0 0; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.jianzheng .list ul li .pic { display: block; width: 200px; height: 150px; position: relative; overflow: hidden; float: left; }
.jianzheng .list ul li .pic img { display: block; position: absolute; width: 100%; left: 0; right: 0; top: 0; bottom: 0; margin: auto; -webkit-transform: scale(1.1) rotate(0); -moz-transform: scale(1.1) rotate(0); -o-transform: scale(1.1) rotate(0); transform: scale(1.1) rotate(0); -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.jianzheng .list ul li:hover .pic img { -webkit-transform: scale(1) rotate(0); -moz-transform: scale(1) rotate(0); -o-transform: scale(1) rotate(0); transform: scale(1) rotate(0); }
.jianzheng .list ul li .cont { width: 310px; margin-right: 15px; float: right; padding-top: 8px; }
.jianzheng .list ul li .cont .bt { line-height: 26px; font-size: 16px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.jianzheng .list ul li .cont .bt:hover { -webkit-transform: translateX(5px); transform: translateX(5px); }
.jianzheng .list ul li .cont p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; line-height: 30px; height: 90px; color: #666666; margin-top: 12px; }
.jianzheng .list ul li:hover { box-shadow: 0 12px 15px -8px rgba(0, 0, 0, 0.15); -webkit-transform: translateY(-5px); transform: translateY(-5px); }
.jianzheng .list ul li:hover .bt { color: #0093dd; }
.showSlide { padding: 67px 0 70px; }
.showSlide .showTabs { overflow: hidden; position: relative; margin-top: 62px; height: 290px; }
.showSlide .showTabs .bd { width: 1200px; margin: auto; overflow: hidden; height: 290px; }
.showSlide .showTabs .bd ul { margin-right: -30px; }
.showSlide .showTabs .bd ul:after { content: ""; display: block; clear: both; font-size: 0; line-height: 0; }
.showSlide .showTabs .bd ul li { width: 380px; height: 280px; margin-bottom: 10px; float: left; margin-right: 30px; padding: 0; border: 0 #fff solid; position: relative; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.showSlide .showTabs .bd ul li .item { position: relative; width: 100%; height: 100%; overflow: hidden; }
.showSlide .showTabs .bd ul li .pic { display: block; width: 100%; height: 100%; position: relative; overflow: hidden; }
.showSlide .showTabs .bd ul li .pic img { display: block; position: absolute; width: 100%; left: 0; right: 0; top: 0; bottom: 0; margin: auto; -webkit-transform: scale(1.1) rotate(0); -moz-transform: scale(1.1) rotate(0); -o-transform: scale(1.1) rotate(0); transform: scale(1.1) rotate(0); -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.showSlide .showTabs .bd ul li:hover .pic img { -webkit-transform: scale(1) rotate(0); -moz-transform: scale(1) rotate(0); -o-transform: scale(1) rotate(0); transform: scale(1) rotate(0); }
.showSlide .showTabs .bd ul li .bt { position: absolute; text-align: center; width: 100%; height: 40px; background: rgba(0, 0, 0, 0.5); line-height: 40px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 15px; color: #ffffff; z-index: 2; left: 0; bottom: -50px; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.showSlide .showTabs .bd ul li:hover { box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.13); border: solid 5px #ffffff; }
.showSlide .showTabs .bd ul li:hover .bt { bottom: 0; }
.showSlide .showTabs .prev { display: block; width: 64px; height: 40px; background: #333 url(../images/proL.png) center center no-repeat; position: absolute; left: 50%; margin-left: -600px; top: 50%; margin-top: -20px; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; cursor: pointer; opacity: 0; filter: alpha(opacity=0); }
.showSlide .showTabs .next { display: block; width: 68px; height: 40px; background: #333 url(../images/proR.png) center center no-repeat; position: absolute; right: 50%; margin-right: -600px; top: 50%; margin-top: -20px; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; cursor: pointer; opacity: 0; filter: alpha(opacity=0); }
.showSlide .showTabs:hover .prev { margin-left: -694px; opacity: 1; filter: alpha(opacity=100); }
.showSlide .showTabs:hover .prev:hover { background-color: #0093dd; }
.showSlide .showTabs:hover .next { margin-right: -694px; opacity: 1; filter: alpha(opacity=100); }
.showSlide .showTabs:hover .next:hover { background-color: #0093dd; }
.showSlide .showTab { margin-top: 50px; text-align: center; font-size: 0; line-height: 28px; }
.showSlide .showTab li { display: inline-block; line-height: 28px; font-size: 22px; margin-left: 20px; cursor: pointer; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.showSlide .showTab li:before { content: "//"; font-weight: normal; margin-right: 40px; }
.showSlide .showTab li:first-child { margin-left: 0; }
.showSlide .showTab li:first-child:before { display: none; }
.showSlide .showTab li.on { color: #0093dd; font-weight: bold; }
.mbanner1 { background: url(../images/mbanner1.jpg) center 0 no-repeat; height: 210px; text-align: center; color: #ffffff; line-height: 40px; font-size: 18px; position: relative; }
.mbanner1:before { content: ">"; position: absolute; left: 50%; top: 50%; width: 34px; height: 34px; background-color: #ffffff; margin-left: -17px; margin-top: -17px; border-radius: 50%; font-size: 24px; color: #295093; line-height: 34px; display: block; animation: zyfd 1.5s linear infinite; }
@keyframes zyfd {  0% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
 25% {
 -webkit-transform: translateX(5px);
 transform: translateX(5px);
}
 50% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
 75% {
 -webkit-transform: translateX(-5px);
 transform: translateX(-5px);
}
 100% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
}
.mbanner1 .left { width: 50%; }
.mbanner1 .left .t1 { font-size: 30px; padding-top: 37px; }
.mbanner1 .left .t2 { margin-top: 11px; }
.mbanner1 .right { width: 50%; padding-left: 10px; }
.mbanner1 .right .t1 { padding-top: 32px; }
.mbanner1 .right .t2 { margin-top: 14px; font-size: 24px; }
.about { background: url(../images/aboutbg.jpg) center 0 no-repeat; }
.about .aboutBox { height: 700px; padding-top: 160px; color: #ffffff; }
.about .tit { float: left; position: relative; z-index: 4; }
.about .tit .line { width: 2px; height: 65px; background-color: #999999; position: absolute; left: 0; top: 0; }
.about .tit .t1 { text-transform: uppercase; font-family: Arial; line-height: 30px; font-size: 40px; padding-left: 16px; }
.about .tit h3 { line-height: 1; font-size: 24px; margin-top: 13px; padding-left: 16px; }
.about .tit .more { display: block; width: 210px; margin-top: 134px; line-height: 48px; position: relative; color: #ffffff; text-align: center; }
.about .tit .more:after { content: ""; display: block; position: absolute; right: 0; bottom: 0; height: 1px; width: 100%; background-color: rgba(255, 255, 255, 0.5); -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.about .tit .more:before { content: ""; display: block; position: absolute; right: 0; bottom: 0; height: 1px; width: 18px; background-color: rgba(255, 255, 255, 0.5); -webkit-transform-origin: right bottom; -moz-transform-origin: right bottom; -o-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: scale(1) rotate(40deg); -moz-transform: scale(1) rotate(40deg); -o-transform: scale(1) rotate(40deg); transform: scale(1) rotate(40deg); -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.about .tit .more:hover:before { -webkit-transform: scale(1) rotate(0); -moz-transform: scale(1) rotate(0); -o-transform: scale(1) rotate(0); transform: scale(1) rotate(0); width: 100%; background-color: rgba(255, 255, 255, 0.7); }
.about .tit .more:hover:after { bottom: 48px; background-color: rgba(255, 255, 255, 0.7); }
.about .aboutText { float: right; width: 800px; }
.about .aboutText h4 { font-size: 24px; font-weight: bold; line-height: 1; }
.about .aboutText .text { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; line-height: 36px; height: 144px; color: #dddddd; margin-top: 29px; }
.about .aboutText .anoutLink { margin-top: 53px; }
.about .aboutText .anoutLink a { display: block; width: 90px; float: left; position: relative; text-align: center; margin-left: 146px; }
.about .aboutText .anoutLink a:first-child { margin-left: 0; }
.about .aboutText .anoutLink a i { display: block; width: 90px; height: 90px; overflow: hidden; background: url(../images/aboutli.png) center center no-repeat; margin: auto; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.about .aboutText .anoutLink a i:before, .about .aboutText .anoutLink a i:after { content: ""; display: block; width: 100%; height: 100%; position: relative; top: 0; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; }
.about .aboutText .anoutLink a i.ico1:before { background: url(../images/aboutico1.png) center 5px no-repeat; }
.about .aboutText .anoutLink a i.ico1:after { background: url(../images/aboutico1h.png) center 5px no-repeat; }
.about .aboutText .anoutLink a i.ico2:before { background: url(../images/aboutico2.png) center center no-repeat; }
.about .aboutText .anoutLink a i.ico2:after { background: url(../images/aboutico2h.png) center center no-repeat; }
.about .aboutText .anoutLink a i.ico3:before { background: url(../images/aboutico3.png) center center no-repeat; }
.about .aboutText .anoutLink a i.ico3:after { background: url(../images/aboutico3h.png) center center no-repeat; }
.about .aboutText .anoutLink a i.ico4:before { background: url(../images/aboutico4.png) center center no-repeat; }
.about .aboutText .anoutLink a i.ico4:after { background: url(../images/aboutico4h.png) center center no-repeat; }
.about .aboutText .anoutLink a span { display: block; text-align: center; color: #dddddd; line-height: 1; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; font-size: 16px; margin-top: 23px; }
.about .aboutText .anoutLink a:hover i, .about .aboutText .anoutLink a.on i { -webkit-transform: translateY(-8px); transform: translateY(-8px); }
.about .aboutText .anoutLink a:hover i:before, .about .aboutText .anoutLink a.on i:before, .about .aboutText .anoutLink a:hover i:after, .about .aboutText .anoutLink a.on i:after { top: -100%; }
.about .aboutText .anoutLink a:hover span, .about .aboutText .anoutLink a.on span { color: #0093dd; -webkit-transform: translateY(-5px); transform: translateY(-5px); }
.news { padding: 92px 0 63px; }
.news .newsTab { float: right; line-height: 32px; height: 32px; overflow: hidden; position: relative; z-index: 1; font-size: 0; text-align: left; right: -20px; }
.news .newsTab a { display: inline-block; font-size: 16px; margin-left: 30px; position: relative; left: -20px; }
.news .newsTab a:first-child { margin-left: 0; }
.news .newsTab a.on { color: #0093dd; font-weight: bold; }
.news .newsTab a:before { content: "//"; color: #333333; margin-right: 30px; font-weight: normal; }
.news .newsBox { width: 1210px; padding-left: 5px; margin-top: 20px; height: 510px; overflow: hidden; }
.news .newsTabs { margin-top: 30px; }
.news .newsTabs ul { margin-right: -40px; }
.news .newsTabs li { float: left; width: 580px; height: 130px; margin: 35px 40px 5px 0; }
.news .newsTabs li .item { -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; height: 130px; overflow: hidden; }
.news .newsTabs li .item .pic { display: block; width: 180px; height: 130px; position: relative; overflow: hidden; float: left; }
.news .newsTabs li .item .pic img { display: block; position: absolute; width: 100%; left: 0; right: 0; top: 0; bottom: 0; margin: auto; -webkit-transform: scale(1.1) rotate(0); -moz-transform: scale(1.1) rotate(0); -o-transform: scale(1.1) rotate(0); transform: scale(1.1) rotate(0); -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.news .newsTabs li .item:hover .pic img { -webkit-transform: scale(1) rotate(0); -moz-transform: scale(1) rotate(0); -o-transform: scale(1) rotate(0); transform: scale(1) rotate(0); }
.news .newsTabs li .item .text { width: 380px; float: right; padding-top: 6px; padding-right: 0; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.news .newsTabs li .item .text .bt { line-height: 26px; font-size: 16px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.news .newsTabs li .item .text .bt:hover { -webkit-transform: translateX(5px); transform: translateX(5px); }
.news .newsTabs li .item .text .date { font-size: 14px; margin-top: 10px; line-height: 1; color: #999999; display: block; }
.news .newsTabs li .item .text p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 30px; height: 60px; color: #666666; margin-top: 8px; }
.news .newsTabs li .item:hover { box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.14); }
.news .newsTabs li .item:hover .bt { color: #0093dd; }
.news .newsTabs li .item:hover .text { padding-right: 5px; }
.news .newsL { float: left; width: 520px; }
.news .newsL:after { content: ""; display: block; clear: both; font-size: 0; line-height: 0; }
.news .newsL .title { padding-left: 82px; height: 52px; }
.news .newsL .title h3 { font-size: 24px; padding-top: 0; line-height: 1; }
.news .newsL .title .en { text-transform: uppercase; line-height: 12px; margin-top: 14px; color: #999999; }
.news .newsL .news1 .title { background: url(../images/newsico1.png) 0 center no-repeat; }
.news .newsL .news1 .list { margin-top: 45px; }
.news .newsL .news1 .list h4 { line-height: 24px; }
.news .newsL .news1 .list h4:after { content: ""; display: block; clear: both; font-size: 0; line-height: 0; }
.news .newsL .news1 .list h4 .bt { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; font-size: 16px; width: 420px; }
.news .newsL .news1 .list h4 .bt:hover { -webkit-transform: translateX(5px); transform: translateX(5px); }
.news .newsL .news1 .list h4 span { float: right; color: #999999; }
.news .newsL .news1 .list p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; line-height: 30px; height: 90px; color: #666666; margin-top: 10px; text-indent: 2em; }
.news .newsL .news1 .list .more { display: inline-block; margin-top: 12px; line-height: 24px; color: #999999; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.news .newsL .news1 .list .more:before { content: ""; display: inline-block; vertical-align: middle; width: 40px; height: 1px; background-color: #dedede; margin-right: 10px; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.news .newsL .news1 .list .more:hover:before { background-color: #0093dd; width: 60px; }
.news .newsL .news1 .list:hover .bt { color: #0093dd; }
.news .newsL .news1 .list:hover .more { color: #0093dd; }
.news .newsL .news2 { margin-top: 40px; float: left; width: 235px; }
.news .newsL .news2 .title { background: url(../images/newsico2.png) 0 center no-repeat; }
.news .newsL .list2 { margin-top: 18px; }
.news .newsL .list2 li { height: 40px; line-height: 40px; position: relative; }
.news .newsL .list2 li:after { content: ""; display: block; position: absolute; left: 0; bottom: 0; background: #0093dd; width: 0; height: 1px; z-index: 1; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.news .newsL .list2 li:hover:after { width: 100%; }
.news .newsL .list2 li a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; width: 184px; background: url(../images/newsli.png) 0 center no-repeat; padding-left: 16px; }
.news .newsL .list2 li a:hover { -webkit-transform: translateX(5px); transform: translateX(5px); }
.news .newsL .list2 li span { float: right; color: #999999; }
.news .newsL .list2 li:hover a { background: url(../images/newslih.png) 0 center no-repeat; color: #0093dd; }
.news .newsL .list2 li:hover a i { background-color: #0093dd; }
.news .newsL .news3 { margin-top: 40px; float: right; width: 235px; }
.news .newsL .news3 .title { background: url(../images/newsico3.png) 0 center no-repeat; }
.news .newsR { float: right; width: 650px; position: relative; height: 635px; }
.news .newsR li { float: left; width: 300px; height: 305px; background-color: #f0f6ed; margin-left: 25px; margin-bottom: 25px; position: relative; }
.news .newsR li .pic { display: block; width: 300px; height: 200px; position: relative; background: #fff; overflow: hidden; }
.news .newsR li .pic img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: 100%; height: 100%; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; -webkit-transform: scale(1.1) rotate(0); -moz-transform: scale(1.1) rotate(0); -o-transform: scale(1.1) rotate(0); transform: scale(1.1) rotate(0); }
.news .newsR li:hover .pic img { -webkit-transform: scale(1) rotate(0); -moz-transform: scale(1) rotate(0); -o-transform: scale(1) rotate(0); transform: scale(1) rotate(0); }
.news .newsR li .text { position: absolute; background-color: #f0f6ed; height: 105px; width: 100%; padding: 15px 20px; overflow: hidden; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; left: 0; bottom: 0; }
.news .newsR li .text .bt { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 18px; }
.news .newsR li .text .bt:hover { -webkit-transform: translateX(5px); transform: translateX(5px); }
.news .newsR li .text p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 24px; height: 48px; color: #666666; text-indent: 2em; margin-top: 8px; }
.news .newsR li .text .more { display: block; margin: 20px auto 0; width: 140px; height: 30px; background-color: #4da92d; border-radius: 15px; text-align: center; line-height: 30px; color: #fff; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; opacity: 0; filter: alpha(opacity=0); -webkit-transition: background-color 0.6s, color 0.3s; transition: background-color 0.6s, color 0.3s; position: relative; overflow: hidden; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 1; }
.news .newsR li .text .more:before { content: ''; position: absolute; border-radius: 15px; top: 0; left: 0; width: 100%; height: 100%; border: 2px solid #0093dd; z-index: -1; opacity: 0; -webkit-transform: scale3d(0.6, 0.6, 1); transform: scale3d(0.6, 0.6, 1); -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); box-sizing: border-box; }
.news .newsR li .text .more:hover { background: none; color: #0093dd; }
.news .newsR li .text .more:hover:before { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; }
.news .newsR li:hover .text { height: 155px; }
.news .newsR li:hover .text .bt { color: #0093dd; }
.news .newsR li:hover .text .more { margin-top: 14px; opacity: 1; filter: alpha(opacity=100); }
.news .newsR .one { width: 370px; height: 210px; background-color: #ffffff; box-shadow: 0px 0px 8px 0px rgba(153, 153, 153, 0.3); -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 50px 30px 0; }
.news .newsR .one .bt { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; letter-spacing: 1px; font-size: 16px; line-height: 26px; }
.news .newsR .one .bt:hover { -webkit-transform: translateX(5px); transform: translateX(5px); }
.news .newsR .one p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 28px; height: 56px; color: #666666; position: relative; margin-top: 12px; }
.news .newsR .one .more { margin-top: 24px; text-align: right; line-height: 25px; }
.news .newsR .one .more span { letter-spacing: 1px; color: #999999; float: left; }
.news .newsR .one .more a { display: inline-block; width: 60px; height: 25px; background-color: #a9a9a9; text-align: center; color: #fff; font-size: 12px; line-height: 25px; text-transform: uppercase; background-repeat: no-repeat; background-image: -webkit-linear-gradient(left, #0093dd, #0093dd); background-image: linear-gradient(to right, #0093dd, #0093dd); -webkit-transition: all 0.5s; transition: all 0.5s; background-size: 0% 100%; background-position: left center; }
.news .newsR .one:hover .bt { color: #0093dd; font-weight: bold; }
.news .newsR .one:hover .more a { background-size: 100% 100%; color: rgba(255, 255, 255, 0.9999); }
.news .newsR .list { margin-top: 25px; }
.news .newsR .list li { height: 45px; line-height: 45px; position: relative; }
.news .newsR .list li:after { content: ""; display: block; position: absolute; left: 0; bottom: 0; background: #0093dd; width: 0; height: 1px; z-index: 1; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.news .newsR .list li:hover:after { width: 100%; }
.news .newsR .list li a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; width: 290px; color: #555555; }
.news .newsR .list li a:hover { -webkit-transform: translateX(5px); transform: translateX(5px); }
.news .newsR .list li a i { display: inline-block; width: 16px; height: 16px; background-color: #b9b9b9; border-radius: 50%; text-align: center; line-height: 15px; color: #fff; margin-right: 18px; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; }
.news .newsR .list li span { float: right; color: #999999; font-size: 12px; }
.news .newsR .list li:hover a { color: #0093dd; }
.news .newsR .list li:hover a i { background-color: #0093dd; }
.lianxi { height: 240px; background-color: #f5f5f5; padding-top: 50px; }
.lianxi .lxBox ul:after { content: ""; display: block; clear: both; font-size: 0; line-height: 0; }
.lianxi .lxBox ul li { float: left; margin-left: 20px; width: 285px; height: 135px; background-color: #ffffff; box-shadow: 1px 1px 38px 0px rgba(4, 0, 0, 0.01); padding: 50px 30px 0 20px; text-align: center; }
.lianxi .lxBox ul li:first-child { margin-left: 0; }
.lianxi .lxBox ul li > div { display: inline-block; }
.lianxi .lxBox ul li > div i { float: left; width: 34px; height: 80px; display: block; position: relative; top: 2px; }
.lianxi .lxBox ul li > div i.ico1 { background: url(../images/lxico1.png) center 0 no-repeat; }
.lianxi .lxBox ul li > div i.ico2 { background: url(../images/lxico2.png) center 0 no-repeat; }
.lianxi .lxBox ul li > div i.ico3 { background: url(../images/lxico3.png) center 0 no-repeat; }
.lianxi .lxBox ul li > div i.ico4 { background: url(../images/lxico4.png) center 0 no-repeat; }
.lianxi .lxBox ul li > div p { float: left; margin-left: 15px; max-width: 180px; line-height: 24px; text-align: left; }
.lianxi .lxBox ul li > div p span { display: block; color: #666666; line-height: 1; margin-bottom: 5px; }
.message { background: url(../images/lybg.jpg) center 0 no-repeat; padding-top: 40px; height: 200px; }
.message .lyBox .form { float: left; width: 1060px; height: 140px; }
.message .lyBox .form input { width: 520px; height: 50px; line-height: 50px; background-color: #ffffff; float: left; color: #0093dd; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 38px; border: none; margin-bottom: 20px; }
.message .lyBox .form input.username { background: url(../images/inpxm.png) 15px center no-repeat; background-color: #ffffff; margin-right: 20px; }
.message .lyBox .form input.usertel { background: url(../images/inpdh.png) 15px center no-repeat; background-color: #ffffff; }
.message .lyBox .form input.xqcontent { background: url(../images/inpnr.png) 15px center no-repeat; background-color: #ffffff; margin-right: 20px; }
.message .lyBox .form input.codeText { padding-left: 20px; }
.message .lyBox .form input::-webkit-input-placeholder {
 color: #0093dd;
}
.message .lyBox .form input:focus, .message .lyBox .form input:active { z-index: 1; color: #333; }
.message .lyBox .form input:focus::-webkit-input-placeholder, .message .lyBox .form input:active::-webkit-input-placeholder {
 opacity: 0.6;
 filter: alpha(opacity=60);
}
.message .lyBox .form .code { float: left; position: relative; }
.message .lyBox .form .code .imgCode { position: absolute; display: block; right: 6px; top: 6px; width: 92px; height: 38px; }
.message .lyBox .submitform { display: block; float: right; width: 92px; height: 92px; background-color: #0093dd; color: #fff; border-radius: 50%; font-size: 14px; margin-right: 14px; border: none; text-align: center; position: relative; overflow: hidden; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 1; cursor: pointer; margin-top: 11px; animation: ripple 1.2s linear infinite; }
@keyframes ripple {  0% {
 box-shadow: 0 0 0 0 rgba(0, 147, 221, 0.2), 0 0 0 6px rgba(0, 147, 221, 0.2), 0 0 0 12px rgba(0, 147, 221, 0.2);
}
 100% {
 box-shadow: 0 0 0 6px rgba(0, 147, 221, 0.2), 0 0 0 12px rgba(0, 147, 221, 0.2), 0 0 0 18px rgba(0, 147, 221, 0);
}
}
.links { padding: 19px 0; line-height: 40px; background-color: #141414; }
.links .tit { float: left; font-size: 16px; color: #ffffff; width: 90px; }
.links .list { float: left; width: 1110px; margin-left: -25px; }
.links .list a { display: inline-block; color: #dddddd; margin-left: 30px; }
.links .list a:hover { color: #fff; -webkit-transform: translateX(5px); transform: translateX(5px); }




.g_xban {
	background:url(../images/xban.jpg) no-repeat center top; margin-top: 30px; 
	height: 200px;
}
.g_xban ul {
	float: left;
	width: 990px;
	padding-top: 58px;
}
.g_xban li {
	float: left;
	width: 120px;
	margin-right: 35px;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	text-align: center;
}
.g_xban li b {
	display: block;
	height: 60px;
}
.g_xban .bantel {
	float: left;
	width: 210px;
	padding-top: 62px;
	font-size: 26px;
	font-weight: bold;
	color: #fff;
}
.g_xban .bantel em a {
	display: block;
	width: 152px;
	height: 40px;
	line-height: 40px;
	background: #f6ab00;
	text-align: center;
	font-size: 16px;
	color: #fff;
	font-weight: normal;
	margin-top: 6px;
}

.g_ys1 {
	background:url(../images/ysbg1.jpg) no-repeat center top;
	height: 540px;
	padding-top: 55px;
}
.g_ys1 h2 {
	height: 117px;
	text-align: center;
	font-size: 46px;
	color: #353535;
	font-weight:normal;
	/*background:url(../images/cptit.jpg) no-repeat center 98px;*/
}
.g_ys1 h2 em {
	display: block;
	font-size:18px;
	color: #666;
	font-weight: normal;
	letter-spacing:2px;
	line-height:30px;
}
.g_ys1 .m_ys1 {
	width: 555px;
}
.g_ys1 .m_ys1 dl {
	height: 190px;
}
.g_ys1 .m_ys1 dt {
	float: left;
	width: 112px;
}
.g_ys1 .m_ys1 dt img {
	width: 92px;
	height: 110px;
	display: block;
}
.g_ys1 .m_ys1 dd {
	float: left;
	width: 430px;
	padding-top: 28px;
}
.g_ys1 .m_ys1 h3 {
	height: 76px;
	font-size: 25px;
	font-weight: bold;
	color: #09598c;
}
.g_ys1 .m_ys1 h3 em {
	display: block;
	font-weight: normal;
	font-size: 18px;
	color: #353535;
}
.g_ys1 .m_ys1 p {
	font-size: 16px;
	color: #353535;
	line-height: 21px;
}
.g_ys2 {
	background:url(../images/ysbg2.jpg) no-repeat center top;
	height: 462px;
	padding-top: 100px;
}
.g_ys2 .m_ys1 {
	width: 600px;
	padding-left: 600px;
}
.g_ys2 .m_ys1 dl {
	height: 190px;
}
.g_ys2 .m_ys1 dt {
	float: left;
	width: 112px;
}
.g_ys2 .m_ys1 dt img {
	width: 92px;
	height: 110px;
	display: block;
}
.g_ys2 .m_ys1 dd {
	float: left;
	width: 430px;
	padding-top: 28px;
}
.g_ys2 .m_ys1 h3 {
	height: 70px;
	font-size: 25px;
	font-weight: bold;
	color: #0054a5;
}
.g_ys2 .m_ys1 h3 em {
	display: block;
	font-weight: normal;
	font-size: 16px;
	color: #858585;
}
.g_ys2 .m_ys1 p {
	font-size: 16px;
	color: #666666;
	line-height: 21px;
}
.g_ys3 {
	background:url(../images/ysbg3.jpg) no-repeat center top;
	height: 436px;
	padding-top: 50px;
}
.g_ys3 h2 {
	height: 117px;
	text-align: center;
	font-size: 35px;
	font-weight: bold;
	color: #0054a5;
	background:url(../images/cptit.jpg) no-repeat center 98px;
}
.g_ys3 h2 em {
	display: block;
	font-size: 25px;
	color: #333333;
	font-weight: normal;
}
.g_ys3 .m_ys1 {
	width:665px;
}
.g_ys3 .m_ys1 dl {
	height: 190px;
}
.g_ys3 .m_ys1 dt {
	float: left;
	width: 112px;
}
.g_ys3 .m_ys1 dt img {
	width: 92px;
	height: 110px;
	display: block;
}
.g_ys3 .m_ys1 dd {
	float: left;
	width: 550px;
	padding-top: 28px;
}
.g_ys3 .m_ys1 h3 {
	height: 76px;
	font-size: 25px;
	font-weight: bold;
	color: #0054a5;
}
.g_ys3 .m_ys1 h3 em {
	display: block;
	font-weight: normal;
	font-size: 18px;
	color: #878787;
}
.g_ys3 .m_ys1 p {
	font-size: 16px;
	color: #353535;
	line-height: 21px;
}
.g_ys3 li {
	font-size: 16px;
	line-height: 21px;
	color: #353535;
}

.g_newcon {
	height:540px;
	padding-top: 47px;
}

.content{
	width:1200px;
	margin:0 auto;
}
.g_news1 {
	width:770px;
	float: left;
}
.g_news1 h2 {
	background:url(../images/dttit.jpg) no-repeat 0 10px;
	height: 54px;
	line-height: 54px;
	border-bottom: 1px solid #d2d2d2;
	font-size: 20px;
	color: #333;
	font-weight: normal;
	padding-left: 46px;
	margin-bottom: 28px;
}
.g_news1 h2 span a {
	font-size: 14px;
}
.g_news1 dl {
	height: 228px;
}
.g_news1 dt {
	float: left;
	width: 360px;
	height: 210px;
	margin-right: 26px;
	overflow: hidden;
}
.g_news1 dt img {
	width: 360px;
	height: 210px;
	display: block;
	transition: all 0.3s linear 0s;
}
.g_news1 dt:hover img {
	transform: scale(1.2);
}
.g_news1 dd {
	float: left;
	width: 380px;
	padding-top: 10px;
}
.g_news1 h3 {
	height: 26px;
	line-height: 26px;
	overflow: hidden;
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	margin-bottom: 15px;
	font-weight: normal;
}
.g_news1 h3 a {
	color: #333333;
}
.g_news1 p {
	font-size: 14px;
	line-height: 26px;
	color: #666666;
	height: 78px;
	overflow: hidden;
	margin-bottom: 22px;
}
.g_news1 i a {
	display: block;
	width: 114px;
	height: 34px;
	line-height: 34px;
	background: #0054a5;
	text-align: center;
	font-size: 14px;
	color: #fff;
	font-style: normal;
}
.g_news1 .newlst li {
	height: 38px;
	line-height: 38px;
	overflow: hidden;
	font-size: 14px;
	color: #666666;
	border-bottom: 1px dashed #d0d0d0;
}
.g_news1 .newlst li a {
	color: #666666;
	display: block;
	height: 36px;
	line-height: 36px;
	background:url(../images/dian.jpg) no-repeat 0 14px;
	padding-left: 15px;
}
.g_news1 .newlst .lastli {
	border-bottom: none;
}
.wend1 {
	width: 380px;
	float: right;
}
.wend1 h3 {
	background:url(../images/wetit.jpg) no-repeat 0 10px;
	height: 54px;
	line-height: 54px;
	border-bottom: 1px solid #d2d2d2;
	font-size: 20px;
	color: #333;
	font-weight: normal;
	padding-left: 46px;
	margin-bottom: 28px;
}
.wend1 h3 span a {
	font-size: 14px;
}
.wend1 h3 a {
	color: #333;
}
.wend1 .m_zxc {
	height: 260px;
	overflow: hidden;
}
.wdimg {
	height: 210px;
	width: 373px;
	overflow: hidden;
}
.wdimg img {
	width: 371px;
	height: 208px;
	display: block;
	border: 1px solid #ccc;
	transition: all 0.3s linear 0s;
}
.wdimg:hover img {
	transform: scale(1.2);
}
.wend1 dl {
	height: 107px;
	padding-top: 13px;
}
.wend1 dt {
	background:url(../images/wen1.jpg) no-repeat 0 2px;
	padding-left: 43px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	margin-bottom: 10px;
}
.wend1 dt a {
	color: #333333;
}
.wend1 dd {
	background:url(../images/da1.jpg) no-repeat 0 2px;
	padding-left: 43px;
	height: 44px;
	line-height: 22px;
	font-size: 14px;
	color: #666666;
	overflow:hidden;
}



.aboutbox{font-family:Arial;font-size: 16px;line-height:30px;color: #636363;overflow: hidden;background:url(../images/aboutbg.jpg) no-repeat center 0 #e2e2e2;text-align: center;padding: 88px 0 0;height: 752px; width: 100%;}
.content{ width:1200px; margin:0 auto;font-family:Arial;}
.til01{text-align: center;color: #000;font-size:44px;line-height:81px;font-family: "Arial";clear: both;display: block;white-space: nowrap;padding: 0 0 40px;background:url(../images/tilbg1.png) no-repeat center 76px;}
.til01 p{display: block;font-size:18px;line-height:38px;font-weight: normal;}
.til01 a{color: #000;}
.about_w{height: 102px;padding: 0 50px;}
.about_l li{float: left;width: 300px;height: 174px;color: #333;}
.about_l li span{display: block;height: 66px;line-height: 66px;}
.about_l li span b{font-size: 68px;color: #c80c1a;letter-spacing: -1px;font-family: Times New Roman,Arial;}


.syshow{height: 330px;line-height:33px;padding: 55px 0 0;text-align: center;width: 80%;margin: 0 auto;min-width: 1200px;max-width: 1400px;}
.show_t{height: 66px;line-height: 44px;font-size: 20px;}
.show_t span{display: inline-block;width: 144px;height: 44px;}
.show_t span:nth-child(2){margin: 0 78px;}
.show_t span a{color: #333;}
.show_t span.cur{background: #c80c1a;color: #fff;}
.show_t span.cur a{color: #fff;}
.show_c li{width:245px;float: left;margin: 0 20px 0 0;position: relative;}
.show_c li:last-child{margin: 0;}
.show_c li p,.show_c li p img{width:100%;display: block;overflow: hidden;}
.show_c li span{position: absolute;width: 100%;height: 33px;text-align: center;background: rgba(0 , 0 , 0 , 0.7);left: 0;bottom: -34px;-webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.show_c li span a{display: block;color: #fff;}
.show_c li:hover span{bottom: 0;}

.zz_box .product2:nth-of-type(1) { padding-bottom: 20px;}
.zz_box .product2:nth-of-type(2) .proBox2{ padding-top: 0;}
.zz_box .product2:nth-of-type(2) .proBox2 li{ margin-top:0 ;}